<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>catTotaigir</title>
	<style>
		.wrapper{
			width: 44%;
			margin-left: 30%;
		}
	</style>
</head>
<body>
	<!-- <div>
		<img src="niukou.jpg" alt="" id="cat">
	</div> -->
	<!-- <div>
		<ul id="food">
			<li class="eat">包子</li>
			<li class="eat">饺子</li>
			<li class="eat">馒头</li>
			<li class="eat">烧饼</li>
		</ul>
	</div>
	<div class="wrapper">
		<h3>苔&lt;清&gt;袁枚</h3>
		<div id="poem" class="detail">
			<div>百日不到处，</div>
			<div>青春恰自来。</div>
			<div>苔花如米小，</div>
			<div>也学牡丹开。</div>
		</div>
		<p>
			青春恰似来青春恰似来青春恰似来青春恰似来
		</p>
	</div> -->
	<ol>
		<li>许家印</li>
		<li>马化腾</li>
		<li>马云</li>
		<li id="wang">王健林</li>
	</ol>
	<script>
		var newli=document.createElement('li');
		var lei=document.createTextNode('雷军');
		newli.append(lei);
		var ol=document.querySelector('ol');
		ol.append(newli);
		var First=document.createElement('li');
		var zhangjike=document.createTextNode('张继科');
		First.append(zhangjike);
		ol.insertBefore(First,ol.firstChild);
		ol.replaceChild(newli,document.getElementById('wang'));
		// var poem=document.getElementById('poem');
		// poem.style="font-size:20px";
		// poem.parentNode.style="border:1px solid black";
		// for (var i = 0; i < poem.children.length; i++) {
		// 	poem.children[i].style="color:green";
		// }
		// poem.children[0].style="background-color:blue";
		// poem.children[poem.children.length-1].style="background-color:purple";
		// var cat=document.getElementById("cat")
		// cat.onclick= function() {
		// 	cat.src="wit.jpg";
		// }
		// var ul=document.getElementById('food');
		// var lis=ul.getElementsByTagName('li');
		// var lis=document.getElementsByTagName('li');
		// var lis=document.getElementsByClassName('eat');
		// for (var i = 0; i < lis.length; i++) {
		// 	lis[i].onclick=function(){
		// 		var b=this.innerHTML;
		// 		// var b=lis[i].innerHTML;
		// 		console.log(b);
		// 	}
		// }
	</script>
</body>
</html>